<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
    <meta name="description" content="Test on HTML and CSS">
    <meta name="author" content="Huoty">
    <meta http-equiv="refresh" content="30">
    <title>Web 设计</title>
    <link rel="shortcut icon" href="/mylogo/logo_k_icon_72.ico" type="image/x-icon" />
 <link rel="stylesheet" href="http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/css/smoothness/jquery-ui.min.css" />

<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<script src="http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function keleyidialog() {
        $("#dialog").dialog();
    }
</script>
<!-- 设置属性为 dialog 的元素不显示 -->
<style type="text/css">#dialog{display:none;}</style>
</head>
<body>

<div style="width:338px;height:100px;margin:10px auto;"><input type="button" onclick="keleyidialog()" value="点击我" />
    <a href="http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm" target="_blank">原文</a> <a href="http://keleyi.com/keleyi/phtml/jui/dialog/1.htm">无动画</a> <a href="http://keleyi.com/keleyi/phtml/jui/dialog/2.htm">动画</a>
    <a href="http://keleyi.com/keleyi/phtml/jui/dialog/3.htm">redmond</a>
    <a href="http://keleyi.com/keleyi/phtml/jui/dialog/4.htm">sunny</a>
    <br />点击按钮弹出对话框
</div>
<div id="dialog2" title="div层对话框">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    <p>柯乐义：这是一个弹出div层对话框，可用于显示信息。可以拖动和关闭这个弹出层，还可以改变它的大小。 </p>
</div>

<div id="dialog" title="dialog test">
    <p>hello world !</p>
</div>

</body>
</html>
